<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>采购单主页</title>
		<!-- Bootstrap -->
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">
		<!--<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">-->
		<link rel="stylesheet" href="../css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" href="../css/bootstrap-select.min.css" />
		<script src="../dist/echarts.min.js"></script>
	</head>
	<style type="text/css">
		html,
		body {
			color: #333333;
			background-color: #FFFFFF;
			font-size: 12px;
			font-family: "Microsoft Yahei", 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}
		
		table a {
			color: #000000;
			text-decoration: none;
		}
	</style>

	<body>
		<!--
        	作者：offline
        	时间：2018-07-30
        	描述：搜索头部
        -->
		<div id="header" style="margin-top: 10px;">
			<div class="row">
				<div class="col-md-12">
					<div class="form-group">
						<label class="col-md-1" style="margin-top: 5px;"><i class="fa fa-filter m-r-5"></i></label>
						<div class="col-md-2" style="margin-left: -80px;">
							<select class="selectpicker" data-live-search="true" >
								<option>全部数据</option>
								<option>1新采购</option>
								<option>2生成入库单</option>
								<option>3部分入库</option>
								<option>4入库完成</option>
							</select>
						</div>
						<div class="col-md-1">
							<button type="button" class="btn btn-default">
		<span><i class="fa fa-search"></i></span>
	</button>
						</div>
						<div class="col-md-2">
							<input class="form-control" />
						</div>
						<div class="col-md-1" style="margin-left: -30px;">
							<select class="form-control " style="font-size: 12px;width: 100px;">
								<option>采购主题</option>
							</select>
						</div>
						<div class="col-md-1">
							<button type="button" class="btn btn-default" style="text-decoration: none;margin-left:25px;color:black;" data-toggle="modal" data-target="#queryModal">高级查询</button>
						</div>
						<div id="queryModal1"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="center" style="margin-top: 10px;">
			<div class="row">
				<div class="col-md-12">
					<div class="form-group">
						<div class="col-md-11" style="font-size: 12px;">
							<span>采购单</span>&nbsp;&nbsp;&nbsp;<span style="color: gray;">共50条</span>
						</div>
						<div class="col-md-1" style="font-size: 12px;">
							<button class="btn btn-default" data-toggle="modal" data-target="#myModal1"><i class="fa fa-plus-circle m-r-5"></i>新建</button>
						</div>
						<div id="newModel"></div>
					</div>
				</div>
			</div>
			<div class="row" style="margin: 10px 20px 10px 20px;">
				<div class="col-md-12">
					<table id="table" data-search="false" data-toggle="table" data-url="open_account" style="margin-top: 5px">
				<thead>
					<tr>
								<th data-field="aid" data-align="center">ID</th>
								<th data-field="aid" data-align="center">采购主题</th>
								<th data-field="aid" data-align="center">采购单号</th>
								<th data-field="aid" data-align="center">采购日期</th>
								<th data-field="aid" data-align="center">金额</th>
								<th data-field="aid" data-align="center">已付金额</th>
								<th data-field="aid" data-align="center">付款票据</th>
								<th data-field="aid" data-align="center">退货</th>
								<th data-field="aid" data-align="center">仓库</th>
								<th data-field="aid" data-align="center">供应商（客户）</th>
								<th data-field="aid" data-align="center">经手人</th>
								<th data-field="aid" data-align="center">状态</th>
							</tr>
				</thead>
			</table>
				</div>
			</div>
			<!--<div class="row" style="margin: 10px 20px 10px 20px;">
				<div class="col-md-12">
					<div class="row m-t-10">
						<div class="col-sm-3">
							<!--<input type="hidden" name="sel_type" value="0"><button onclick="if (confirm('确认删除选中数据及其视图下关联数据吗？')) { $('form[name=formedit_qlist]').find('input[name=sel_type]').val('0').end().submit();};return  false;" class="btn btn-white btn-custom waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="fa fa-trash"></i></button> 批量编辑分类：&nbsp;<button onclick="vopen('/sys/plist/?dtname=purchase&amp;where=a9@1^5`@ETPul3XuJXd0Vmc&amp;bwhere=&amp;page=0&amp;orderf=&amp;orderv=&amp;pn=&amp;edittype=0&amp;mcr=31e63957dced38e177397dd283082407','plist',700,550);" type="button" class="btn btn-white btn-custom waves-effect" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="批量编辑"><i class="fa fa-pencil-square"></i></button>-->
						<!--</div>
						<div class="col-sm-7 text-center">
							<div class="pull-right">
								<div class="form-inline m-l-10">
									<div class="form-group" style="margin-left: 20px;">
										<label>
                第
            </label>
										<input name="tpage_qlist" class="form-control" type="text" style="width:50px;">
										<label>
                页
            
                <button  style="margin-left: 10px;" name="gopage_XYN" class="btn btn-d waves-effect waves-light" type="button">确定</button>

            </label></div>
								</div>
							</div>
							<ul class="pagination" style="margin-top: -2px;">
								<li class="page-number active">
									<a href="">1</a>
								</li>
								<li class="page-number">
									<a href="">2</a>
								</li>
								<li class="page-number">
									<a href="">3</a>
								</li>
								<li class="page-number">
									<a href="">4</a>
								</li>
								<li class="page-number">
									<a href="">5</a>
								</li>
								<li class="page-number">
									<a href="">6</a>
								</li>
								<li class="page-next">
									<a href="">›</a>
								</li>
								<li class="page-last">
									<a href="">»</a>
								</li>
							</ul>
							<div class="pull-right pagination-detail f-s-12">
								<select class="form-control col-md-4">
									<option>10条每页</option>
									<option>20条每页</option>
									<option>30条每页</option>
								</select>
							</div>
						</div>
						<div class="col-sm-2 text-right">
							<!-- BEGIN qqhide -->
							<!--<a href="/system/runmod_print.xt?where=a9@1^5`@ETPul3XuJXd0Vmc&amp;bwhere=&amp;page=0&amp;orderf=&amp;orderv=&amp;pn=&amp;sid=93&amp;ssn=gdbnp6h9v7q9sjfgpo5rr8f702&amp;ccn=d002&amp;cr=41ea94df409898c7de64910c95c35358&amp;ma=ac3e21993fdf179f238f8bbe10a137fd&amp;scname=purchase&amp;comname=qlist&amp;modcr=31b79476f7581a9c520c0f143e391e27&amp;cv=,search,qlist,&amp;qlist_print=1" class="btn btn-white btn-custom waves-light" data-original-title="打印列表" target="_blank" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-print"></i></a>
							<a href="/setup/setup.xt?func=s_table&amp;dt=purchase" target="_blank" class="btn btn-white btn-custom  waves-effect waves-light" data-original-title="导出Excel权限" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-cog"></i></a>&nbsp;<button onclick="$('form[name=outexcel]').submit();return false;" class="btn btn-white btn-custom  waves-effect waves-light" data-original-title="导出Excel格式数据" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-file-excel-o"></i></button>-->
							<!-- END qqhide -->
						<!--</div>
					</div>
				</div>-->
			<!--</div>-->
			<div class="col-sm-12" style="margin-top: 30px;">
				<div class="col-sm-4" style="text-align: center;">
					<div class="col-sm-3" id="fenbu" style="width: 420px;height: 437px;">

					</div>
					<button type="button" style="text-align: center;" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
				</div>
				<div class="col-lg-4" style="text-align: center;">
					<div class="col-sm-4" id="top" style="width: 420px;height: 437px;">

					</div>
					<button type="button" style="text-align: center;" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
				</div>
				<div class="col-lg-4" style="text-align: center;">
					<div class="col-sm-4 pull-right" id="gongju" style="width: 420px;height: 437px;">

					</div>
					<button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
				</div>
			</div>
			<br>
			<div class="row">
				<div class="col-md-12">
					<div class="form-group" style="text-align: center;margin-top: 40px;">
						<footer class="footer">热线:<b>4000-80-4000 400-960-9606 </b> &nbsp;&nbsp;网站:<b><a href="http://www.xtools.cn" target="_blank">www.xtools.cn</a></b> &nbsp;
							<a class="btn btn-danger btn-xs" href="#" onclick="window.open ('http://www.xtools.cn/about/tousu.html', 'newwindow', 'height=410, width=540,top=100,left=200;toolbar=no, menubar=no, scrollbars=no, resizable=no,status=no');return false;"><i class="fa fa-whatsapp m-r-5"></i>投诉&amp;问题</a>&nbsp;&nbsp;
							<a class="btn btn-default btn-xs" href="#" onclick="showWX(0);return false;"><i class="fa fa-weixin m-r-5"></i>微客服</a>&nbsp;&nbsp;
							<a class="btn btn-primary btn-xs" href="#" onclick="showWX(1);return false;"><i class="md md-speaker-notes m-r-5"></i>订阅号 </a>
							<br>Copyright © 2004-2018 &nbsp;北京沃力森信息技术有限公司&nbsp;&nbsp; Beijing Volitation Information Technology Co.,ltd</footer>
					</div>
				</div>
			</div>
			<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
			<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
			<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
				<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
							<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
            <script src="../js/bootstrap-select.min.js"></script>
			<script src="../js/bootstrap-datetimepicker.min.js"></script>
			<script type="text/javascript" src="../js/fenbu.js"></script>
			<script type="text/javascript" src="../js/top.js"></script>
			<script type="text/javascript" src="../js/util.js"></script>
			<script src="../js/table.js"></script>
			<script type="text/javascript">
				$(function(){
					$('.selectpicker').selectpicker({
						width:'70%'
					});
				})
				$("#queryModal1").load("pur_queryModel.html");
				$("#newModel").load("newPurchaseModel.html");
				
			</script>
	</body>

</html>